<template>
  <div class="layout-wrapper layout-witness" style="margin-top: 40px;">
    <el-form ref="templForm" :model="templForm" :rules="templRules" label-width="auto">
      <el-form-item label="招标人" prop="zcdwname">
        <el-input
          v-model="templForm.zcdwname"
          placeholder="请输入招标人"
          :disabled="childType == 'view' ? true : false"
        />
      </el-form-item>
      <el-form-item label="招标代理" prop="zcdlname">
        <el-input
          v-model="templForm.zcdlname"
          placeholder="请输入招标代理"
          :disabled="childType == 'view' ? true : false"
        />
      </el-form-item>
<!--      <el-form-item label="模板类型" prop="type">-->
<!--        <el-select-->
<!--          v-model="templForm.type"-->
<!--          style="width: 100%"-->
<!--          filterable-->
<!--          :disabled="childType == 'view' ? true : false"-->
<!--        >-->
<!--          <el-option v-for="(value, key) in templtype" :key="key" :label="value" :value="key" />-->
<!--        </el-select>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="是否启用" prop="deviceenable">-->
<!--        <el-select-->
<!--          v-model="templForm.deviceenable"-->
<!--          style="width: 100%"-->
<!--          filterable-->
<!--          :disabled="childType == 'view' ? true : false"-->
<!--        >-->
<!--          <el-option label="启用" value="1" key="1"/>-->
<!--          <el-option label="禁用" value="0" key="0"/>-->
<!--        </el-select>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="模板内容" prop="content">-->
<!--        <el-input-->
<!--          v-model="templForm.content"-->
<!--          type="textarea"-->
<!--          :rows="2"-->
<!--          placeholder="请输入模板内容"-->
<!--          show-word-limit-->
<!--          :disabled="childType == 'view' ? true : false"-->
<!--        />-->
<!--      </el-form-item>-->
    </el-form>
    <span slot="footer" class="dialog-footer" style="text-align: center">
      <el-button type="primary" @click="submitData('templForm')">确定</el-button>
      <el-button type="primary" @click="handleBackFn">返回</el-button>
    </span>
<!--    <div class="layout-header layout-search">-->
<!--      <el-form :inline="true" :model="searchForm">-->
<!--        <el-form-item>-->
<!--          <el-button type="primary" @click="addDate()"> 新增模板 </el-button>-->
<!--        </el-form-item>-->
<!--        <el-form-item class="rigthText">-->
<!--          <el-select-->
<!--            v-model="searchForm.type"-->
<!--            class="ui-w320"-->
<!--            option-max-width="180px"-->
<!--            placeholder="模板类型"-->
<!--            clearable-->
<!--            @change="handleSearchFn()"-->
<!--          >-->
<!--            &lt;!&ndash;             <el-option key label="全部" value></el-option>&ndash;&gt;-->
<!--            <el-option v-for="(value, key) in templtype" :key="key" :label="value" :value="key" />-->
<!--          </el-select>-->
<!--          <el-input-->
<!--            v-model.trim="searchForm.keywords"-->
<!--            class="ui-w320"-->
<!--            placeholder="模板名称"-->
<!--            @keyup.native.enter="handleSearchFn()"-->
<!--          >-->
<!--            <el-button slot="append" type="primary" icon="icon-sousuo" @click="handleSearchFn()" />-->
<!--          </el-input>-->
<!--        </el-form-item>-->
<!--      </el-form>-->
<!--    </div>-->
<!--    <div class="layout-body">-->
<!--      <el-table ref="taskTable" v-loading="tableLoading" :data="tableData" height="100%" stripe>-->
<!--        <el-table-column type="index" align="left" label="序号" width="50">-->
<!--          <template slot-scope="scope">-->
<!--            {{ pageObj.currentPage * pageObj.pageSize + 1 + scope.$index }}-->
<!--          </template>-->
<!--        </el-table-column>-->
<!--        <el-table-column prop="code" label="模板编号" min-width="120" />-->
<!--        <el-table-column prop="name" label="模板名称" min-width="180" />-->
<!--        <el-table-column-->
<!--          prop="type"-->
<!--          label="模板类型"-->
<!--          min-width="120"-->
<!--          :formatter="formatterTemplType"-->
<!--          show-overflow-tooltip-->
<!--        />-->
<!--        <el-table-column prop="cretime" label="创建时间" min-width="130" />-->
<!--        <el-table-column prop="deviceenable" :formatter="formatterDeviceenable" label="是否启用" min-width="80" />-->
<!--        <el-table-column label="操作" align="left" header-align="center" width="140">-->
<!--          <template slot-scope="scope">-->
<!--            &lt;!&ndash;            <el-button type="text" size="default" @click="viewDate(scope.row)"> 查看 </el-button>&ndash;&gt;-->
<!--            <el-button type="text" size="default" @click="updateDate(scope.row)"> 修改 </el-button>-->
<!--            <el-button v-if="scope.row.deviceenable =='0'" type="text" size="default" @click="updateDeviceenable(scope.row.id,'启用', '1')"> 启用 </el-button>-->
<!--            <el-button v-else type="text" class="colorRed" size="default"  @click="updateDeviceenable(scope.row.id, '禁用', '0')"> 禁用 </el-button>-->
<!--          </template>-->
<!--        </el-table-column>-->
<!--      </el-table>-->
<!--    </div>-->
<!--    <div class="layout-footer">-->
<!--      <wpagination-->
<!--        v-if="pageObj.total > pageObj.pageSizes[0]"-->
<!--        :total="pageObj.total"-->
<!--        :page.sync="pageObj.currentPage"-->
<!--        :limit.sync="pageObj.pageSize"-->
<!--        :pageSizes="pageObj.pageSizes"-->
<!--        @pagination="projectListFn()"-->
<!--      />-->
<!--    </div>-->
    <!-- 编辑弹框 -->
<!--    <el-dialog-->
<!--      width="60%"-->
<!--      :close-on-click-modal="false"-->
<!--      draggable-->
<!--      :show-close="false"-->
<!--      title="设备信息"-->
<!--      :visible.sync="editTempl"-->
<!--    >-->
<!--      <div>-->
<!--        <el-form ref="templForm" :model="templForm" :rules="templRules" label-width="auto">-->
<!--          <el-form-item label="模板名称" prop="name">-->
<!--            <el-input-->
<!--              v-model="templForm.name"-->
<!--              placeholder="请输入模板名称"-->
<!--              :disabled="childType == 'view' ? true : false"-->
<!--            />-->
<!--          </el-form-item>-->
<!--          <el-form-item label="模板编号" prop="code">-->
<!--            <el-input-->
<!--              v-model="templForm.code"-->
<!--              placeholder="请输入模板编号"-->
<!--              :disabled="childType == 'view' ? true : false"-->
<!--            />-->
<!--          </el-form-item>-->
<!--          <el-form-item label="模板类型" prop="type">-->
<!--            <el-select-->
<!--              v-model="templForm.type"-->
<!--              style="width: 100%"-->
<!--              filterable-->
<!--              :disabled="childType == 'view' ? true : false"-->
<!--            >-->
<!--              <el-option v-for="(value, key) in templtype" :key="key" :label="value" :value="key" />-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="是否启用" prop="deviceenable">-->
<!--            <el-select-->
<!--              v-model="templForm.deviceenable"-->
<!--              style="width: 100%"-->
<!--              filterable-->
<!--              :disabled="childType == 'view' ? true : false"-->
<!--            >-->
<!--              <el-option label="启用" value="1" key="1"/>-->
<!--              <el-option label="禁用" value="0" key="0"/>-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="模板内容" prop="content">-->
<!--            <el-input-->
<!--              v-model="templForm.content"-->
<!--              type="textarea"-->
<!--              :rows="2"-->
<!--              placeholder="请输入模板内容"-->
<!--              show-word-limit-->
<!--              :disabled="childType == 'view' ? true : false"-->
<!--            />-->
<!--          </el-form-item>-->
<!--        </el-form>-->
<!--      </div>-->
<!--      <span slot="footer" class="dialog-footer">-->
<!--        <el-button v-if="childType != 'view'" :loading="btnLoading" type="primary" @click="submitData('templForm')"-->
<!--        >确定</el-button-->
<!--        >-->
<!--        <el-button @click="cancel('templForm')">取消</el-button>-->
<!--      </span>-->
<!--    </el-dialog>-->
  </div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
import { templXm,templupdate } from "../../../../../../api/weeon/task/gly/zbrjdl";
export default {
  // 引入组件
  components: {},
  props: {},
  data() {
    // 这里存放数据
    return {
      templForm: {
        zcdwname:"",
        zcdlname:"",
      }
    };
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.xmFn();
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    let bdguid = this.$route.query.bdguid;
    this.templForm.bdguid = bdguid;
  },
  // 生命周期 - 销毁之前
  beforeDestroy() {},
  // 生命周期 - 销毁完成
  destroyed() {},
  // 如果页面有keep-alive缓存功能，这个函数会触发
  activated() {},
  // 方法集合
  methods: {
    handleBackFn() {
      this.$router.push({ path: "/taskManager"});
    },
    async xmFn() {
      try {
        let params = {
          bdguid: this.$route.query.bdguid,
        };
        const res = await templXm(params);
        console.log('!!!!!!!!!!!!!',res)
        if (res.stat === 1) {
          this.templForm.zcdwname = res.data.zcdwname;
          this.templForm.zcdlname = res.data.zcdlname;
        } else {
          this.$message({
            type: "error",
            message: res.msg || "获取数据失败，请稍后再试",
            single: true
          });
        }
      } catch (error) {
        console.log(error);
        this.tableLoading = false;
      }
    },
    //保存修改
    submitData(formName) {
      let this_ = this;
      try {
        this.doEdit();
      } catch (error) {
        console.error(error);
        this.$message({
          type: "warning",
          message: "获取数据失败，稍后再试"
        });
      }
    },
    //保存
    async doEdit() {
      this.btnLoading = true;
      const res = await templupdate(this.templForm);
      if (res.stat === 1) {
        this.$message({
          type: "success",
          message: "保存成功",
          single: true
        });
      } else {
        this.$message({
          type: "warning",
          message: res.msg,
          single: true
        });
      }
    }
  }
};
</script>
<style lang="scss" scoped>
.witness-result {
  width: 76px;
  height: 20px;
  line-height: 20px;
  background: #fc9306;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.rigthText {
  padding-right: 10px;
  float: right;
  // margin-left: 460px !important;
}
.colorRed {
  color:red;
}
</style>
